import React from 'react'

const loadingStyle = {
  flex: 1,
  width: '100%',
  height: '100%',
  position: 'relative'
}

const loadingTextStyle = {
  position: 'absolute',
  top: '50%',
  left: '50%',
  transfrom: 'tranlate(-50%, -50%)',
  fontSize: '28px'
}

export default () => (
  <div style={loadingStyle}>
    <span style={loadingTextStyle}>Loading...</span>
  </div>
)